<template>
  <mavon-editor
    :style="{height:height,'z-index':10}"
    :value="value"
    :subfield="prop.subfield"
    :defaultOpen="prop.defaultOpen"
    :toolbarsFlag="prop.toolbarsFlag"
    :editable="prop.editable"
    :scrollStyle="prop.scrollStyle"
  ></mavon-editor>
</template>

<script>
export default {
  name: 'MarkdownPreview',
  props: {
    value: {
      type: String,
      default: ''
    },
    height: {
      type: String,
      default: '100%'
    }
  },
  data () {
    return {
      prop: {
        subfield: false,
        defaultOpen: 'preview',
        editable: false,
        toolbarsFlag: false,
        scrollStyle: true
      }
    }
  }
}
</script>
